<template>
  <span class="cs-text" :class="type">
    <slot></slot>
  </span>
</template>

<script>
export default {
  props: {
    type: {
      type: String,
      require: true
    }
  }
}
</script>

<style scoped>
.cs-text {
  font-size: 14px;
}

.primary {
  color: #006eff;
}

.success {
  color: #00c952;
}

.mildWarning {
  color: #f7b500;
}

.warning {
  color: #fa6400;
}

.danger {
  color: #e02020;
}

.danger2 {
  color: #f03833;
}
</style>
